<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:s="http://jboss.com/products/seam/taglib"
    template="/layout/template.xhtml">

    <ui:define name="head">
        <link href="../stylesheet/useradmin.css" rel="stylesheet" type="text/css"/>
    </ui:define>

    <ui:define name="body">

        <h1>Role Details</h1>
 
        <h:form id="roleForm">

          <rich:panel>
              <s:decorate id="roleField" template="/layout/edit.xhtml">
                <ui:define name="label">Role</ui:define>
                <h:inputText id="role" value="#{roleAction.role}" readonly="#{identityManager.userExists(roleAction.role)}"/>
              </s:decorate>

              <s:decorate id="groupsField" template="/layout/edit.xhtml">
                  <ui:define name="label">Member of groups</ui:define>
                  <div class="selectMany">
                      <h:selectManyCheckbox id="groups" value="#{roleAction.groups}" layout="pageDirection" styleClass="roles">
                          <s:selectItems value="#{roleAction.assignableRoles}" var="_role" label="#{_role}"/>
                      </h:selectManyCheckbox>
                  </div>
              </s:decorate>

              <div style="clear: both;"/>

          </rich:panel>

          <div class="actionButtons">
              <h:commandButton id="save" value="Save" action="#{roleAction.save}"/>
              <s:button id="cancel" view="/useradmin/rolemanager.xhtml" value="Cancel" propagation="end"/>
          </div>

        </h:form>

    </ui:define>

</ui:composition>
